.knowledge-list {
  display: flex;
  width: 100%;
  height: 100%;
  &-category {
    width: 300px;
    height: 100%;
    box-sizing: border-box;
    border-right: 1px solid var(--main-content-header-border-color);

    &-search {
      height: 40px;
      padding-left: var(--main-content-padding);
      padding-right: var(--main-content-padding);
      margin-top: var(--main-content-padding);
    }
    &-list {
      width: 100%;
      height: calc(100% - 40px - var(--main-content-padding));
      padding-left: var(--main-content-padding);
      padding-right: calc(var(--main-content-padding) / 2);
      padding-bottom: var(--main-content-padding);
      box-sizing: border-box;
      overflow-y: scroll;
    }
  }
  &-main {
    width: calc(100% - 300px);
    height: 100%;
    box-sizing: border-box;
    padding: var(--main-content-padding);
    overflow-y: auto;
    &-tools {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 10px;
      &-search {
        width: 300px;
      }
    }
    .name {
      display: flex;
      align-items: center;
      :deep(.el-icon) {
        margin-right: 5px;
        font-size: 16px;
      }
    }
  }
}
